<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>设置</title>
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/set.css" />
		<script src="js/animateBak.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<span style="position:absolute; display: none;" class="shadow" ></span>
		<div class="alert" style="display: none;">
			
			<p>确认要退出吗</p>
			<button type="button" class="sure" id="sure">确定</button>
				<button type="button" class="cancel">取消</button>
			
			
			
		</div>
		<div class="container">
			<!-- header -->
			<header>
				<img src="images/top.png" >
				<a href="selfcenter.html"><span class="iconfont icon-left"></span></a>
				<span class="s1">设置</span>
				<span></span>
			</header>

			<!-- main -->
			<main>
				<div class="m1">
					<a href="userComplete.html">
						<p>完善资料</p>
						<span class="iconfont icon-dayuhao"></span>
					</a>

					<a href="">
						<p>修改人才库资料</p>
						<span class="iconfont icon-dayuhao"></span>
					</a>

					<a href="">
						<p>修改密码</p>
						<span class="iconfont icon-dayuhao"></span>
					</a>

					<a href="">
						<p>清除课件</p>
						<span class="iconfont icon-dayuhao"></span>
					</a>

					<a href="">
						<p>清除缓存</p>
						<span class="iconfont icon-dayuhao"></span>
					</a>
					<a href="">
						<p>关于我们</p>
						<span class="iconfont icon-dayuhao"></span>
					</a>
				</div>
				<div class="m2">
					<a href="javascript:;">退出登录</a>
				</div>

			</main>

		</div>
		<script type="text/javascript">
			let btn=document.querySelector('.m2 a')
			let sureBtn=document.querySelector('#sure')
			btn.onclick=function(){
				
				
				
				
				
				let shadow=document.querySelector('.shadow')
				let alert = document.querySelector('.alert')
				let cancel= document.querySelector('.cancel')
				console.log(shadow)
				
					
					shadow.style.display='block'
					alert.style.display='block'
					animate(alert,{bottom:300})
					cancel.onclick=function(){
						shadow.style.display='none'
						
						animate(alert,{bottom:-400})
						alert.style.display='none'
					}
					cancel.onmousedown=function(){
						shadow.style.display='none'
						
						animate(alert,{bottom:-400})
						alert.style.display='none'
					}
				
				sureBtn.onclick=function(){
					localStorage.removeItem('token')
					location.href='index-rec.html'
					console.log(1)
				}
				
			}
			
			
		</script>
	</body>
</html>
